<template>
    <view>
        <up-navbar :safeAreaInsetTop="true" bgColor="#FFF" :placeholder="true">
			<template #left>
				<view class="text-[36rpx] text-[#333] font-bold">团长报单专区</view>
			</template>
		</up-navbar>
        <view class="px-[20rpx] py-[24rpx]">
            <up-search placeholder="搜你所想" borderColor="#B8B9BF" bgColor="#fff" v-model="keyword" :showAction="false"></up-search>
        </view>
        <view class="">
            <view class="px-[30rpx] grid grid-cols-2 gap-[22rpx]">
			    <template  v-for="(item,index) in proudctList" :key="index">
				    <productItem :product="item" @change="onchange"></productItem>
			    </template>
		    </view>
        </view>
    </view>
</template>

<script setup>
import { ref } from 'vue';
const { proudctList } = useList()
function useList (){
    const proudctList = ref([])
    return {
        proudctList
    }
}
</script>

<style lang="scss" scoped>

</style>